<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="Author" content="benben" />
	<meta name="description" content="抽屉(sotee)-提供无限制的免费网络硬盘,还是一个领先的搜索引擎和一个真实的互动个性空间, 
	会员可尽情玩休闲互动游戏,打免费网络电话,免费观看在线视频和分享视频,免费试听在线音乐,还可以认识帅哥美女" />
	<meta name="keywords" content="网络硬盘" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<title>抽屉网-免费网络硬盘,资源分享平台</title>
	<link href="/soteeTemplate/common/default.css" type="text/css" rel="stylesheet" />
	<link href="/soteeTemplate/common/message.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="/soteeTemplate/common/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="/soteeTemplate/common/js/common.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
	//初始化选项卡
	Sotee.initTabBar("#tabbar1", {
		panels: "#tbPanel1", type: 0, tabs: [
			{ panel: "#panel1", blank:40, text: "站内短信" },
			{ panel: "#panel2", blank:40, text: "系统消息" }
		]
	});
	Sotee.initTabBar("#tabbar2", {
		panels: "#panel1", type: 2, tabs: [
			{ panel: "#panel3", text: "收入邮件" },
			{ panel: "#panel4", text: "发送邮件" },
			{ panel: "#panel5", text: "写邮件" }
		]
	});
	Sotee.initTabBar("#tabbar3", {
		panels: "#panel2", type: 2, tabs: [
			{ panel: "#panel6", text: "收入邮件" },
			{ panel: "#panel7", text: "发送邮件" },
			{ panel: "#panel8", text: "写邮件" }
		]
	});
	//初始化好友列表
	var iconPath = "/soteeTemplate/image/message/icons/";
	Sotee.initFriendList("#frdList", {
		width: 180, height: 330, groups: [{
				caption: "测试组1", isExpand: true, list: [
					{ text: "第01个人", icon: iconPath + "01.gif" },
					{ text: "第02个人", icon: iconPath + "02.gif" },
					{ text: "第03个人", icon: iconPath + "03.gif" },
					{ text: "第04个人", icon: iconPath + "04.gif" },
					{ text: "第05个人", icon: iconPath + "05.gif" }
				]
			}, {
				caption: "测试组2", list: [
					{ text: "第06个人", icon: iconPath + "06.gif" },
					{ text: "第07个人", icon: iconPath + "07.gif" }
				]
			}, {
				caption: "测试组3", list: [
					{ text: "第08个人", icon: iconPath + "08.gif" },
					{ text: "第09个人", icon: iconPath + "09.gif" },
					{ text: "第09个人", icon: iconPath + "09.gif" },
					{ text: "第09个人", icon: iconPath + "09.gif" },
					{ text: "第09个人", icon: iconPath + "09.gif" },
					{ text: "第09个人", icon: iconPath + "09.gif" },
					{ text: "第09个人", icon: iconPath + "09.gif" },
					{ text: "第10个人", icon: iconPath + "10.gif" }
				]
			}
		]
	});
	//初始化邮件列表行焦点动作
	$(".mailList tr").hover(function() {
		$(this).css("background-color", "#e3f1ff");
	}, function() {
		$(this).css("background-color", "");
	});
	//初始化CheckBox表头事件
	$(".mailList thead input").click(function() {
		!this.ckdList && (this.ckdList = $("#"
			+ this.getAttribute("panel") + " tbody input"));
		this.ckdList.attr("checked", this.checked);
	});
});
//-->
</script>	
</head>

<body>
<!-- 页面幅宽控制 -->
<div align="center"><div class="bodyWrap font">
	<!-- pageTop Start -->
	<div align="right" class="topBarWrap">
		<div align="right" class="topBar">
			<!-- 已登录 -->
			<span id="s2">晚上好，【<span class="green01">benben</span>】
			<a href="javascript:void(0);" id="logoutBtn">退出</a></span>
			&nbsp;<img src="/soteeTemplate/image/splitLine01.gif" align="absmiddle" />
			&nbsp;<a href="#">意见反馈</a>
			&nbsp;&nbsp;&nbsp;&nbsp;<span class="blue01">[ <a href="#" class="blue01">免费注册</a> ]</span>
		</div>
	</div>
	<div class="pageTopWrap">
		<div class="logo"></div>
		<div align="left" class="pageTopRight">
			<!-- SearchBar Start -->
			<div class="searchBarWrap" id="searchBar">
				<div style="padding:4px 4px 0 9px">
					<div style="width:66px;padding-top:3px;float:left;">
						<a href="javascript:void(0);" class="searchClassBtn"></a>
						<span class="seaText" idx="0">全部</span>
						<div class="clear"></div>
					</div>
					<div style="width:286px;float:right">
						<a href="javascript:void(0);" class="searchBtn"><b>搜索</b></a>
						<input type="text" class="keyField" defaultTxt="请输入搜索关键字..."/>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!-- SearchBar End -->
		</div>
		<div class="clear"></div>
	</div>
	<!-- pageTop End -->
	<!-- pageCaption Start -->
	<div class="pageCaptionWrap">
		<div align="right" class="pageCaption"><div class="captionLeft">
			<div class="captionRight"><div align="left" class="captionBody">
				Home &gt; Center &gt;  MemberMessage
			</div></div>
		</div></div>
	</div>
	<!-- pageCaption End -->
	<!-- pageBody Start -->
	<div class="pageBodyTopLeft">
		<div class="pageBodyTopRight"><div align="left" class="pageBodyTop">
			<div style="width:254px;height:10px;border-right:1px solid #dfdfdf"></div>
		</div></div>
	</div>
	<div align="left" class="pageBody">
		<!-- pageBodyLeft Start -->
		<div class="memberInfo"><div style="padding:0 8px">
			<!-- 会员信息 Start-->
			<table class="layoutTable" border="0" style="table-layout:fixed;float:right">
				<tr>
					<td align="right" height="33px" width="60px">用户积分：</td>
					<td class="memInfoField">
						&nbsp;&nbsp;<img src="/soteeTemplate/image/money.gif" align="absmiddle"/>
						&nbsp;580
					</td><td align="center" class="memHelpField">
						<img src="/soteeTemplate/image/help.gif" align="absmiddle" tip="用户积分"/>
					</td>
				</tr><tr>
					<td align="right" height="35px">佣金：</td>
					<td class="memInfoField blue03">
						&nbsp;&nbsp;<img src="/soteeTemplate/image/money.gif" align="absmiddle"/>
						&nbsp;137
					</td><td align="center" class="memHelpField">
						<img src="/soteeTemplate/image/help.gif" align="absmiddle" tip="佣金:快来转钱啊"/>
					</td>
				</tr>
			</table>
			<!-- 会员头像-->
			<img src="/soteeTemplate/image/head.s.jpg" style="border:4px solid #ddd;"/>
			<!-- 其它信息-->
			<table class="layoutTable" border="0" style="table-layout:fixed;margin-top:10px">
				<tr>
					<td height="28px" width="85px">用户等级：</td>
					<td>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
					</td>
				</tr><tr>
					<td height="28px">网盘空间大小：</td>
					<td style="padding:0px">
						<!-- 网盘进度条 -->
						<div align="left" class="progressBarWrap">
							<div class="progressBarRight" style="width:38%">
								<div class="progressBarLeft"><div></div></div>
							</div>
						</div>
					</td>
				</tr><tr>
					<td height="28px">上次登录时间：</td>
					<td class="blue03">2011年7月10日</td>
				</tr><tr>
					<td height="28px">您的IP地址：</td>
					<td class="red">192.168.1.125</td>
				</tr>
			</table>
			<br/>
			<!-- 功能连接 -->
			<div class="funLinksWrap">
				<div class="funLinks">
					<!-- Item Start -->
					<div class="linkItem">
						<!-- 这是一个特殊的Item -->
						<span>
							<img src="/soteeTemplate/image/message.gif" align="absmiddle"/>&nbsp;
							<a href="#">[1]</a>&nbsp;
							<img src="/soteeTemplate/image/mail.gif" align="absmiddle"/>&nbsp;
							<a href="#">[8]</a>&nbsp;
						</span>
						<a class="link link1" href="#"></a>
						<div class="clear"></div>
					</div>
					<!-- Item End -->
					<div class="linkItem"><a class="link link2" href="#"></a></div>
					<div class="linkItem"><a class="link link3" href="#"></a></div>
					<div class="linkItem"><a class="link link4" href="#"></a></div>
					<div class="linkItem"><a class="link link5" href="#"></a></div>
					<div class="linkItem"><a class="link link6" href="#"></a></div>
					<div class="linkItem"><a class="link link7" href="#"></a></div>
					<div class="linkItem"><a class="link link8" href="#"></a></div>
				</div>
			</div>
			<br/><br/><br/>
		</div></div>
		<!-- pageBodyLeft End -->
		<!-- pageBodyRight Start -->
		<div style="width:718px;float:right" id="tbPanel1">
			<div class="tabwrap1" style="padding-left:518px">
				<div id="tabbar1"></div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- pageBodyRight End -->
		<div class="clear"></div>
		<br/>
	</div>
	<div class="pageBodyBtmLeft">
		<div class="pageBodyBtmRight"><div class="pageBodyBtm">
		</div></div>
	</div>
	<!-- pageBody End -->
	<br/>
	<!-- pageBottom Start -->
	<div align="center" class="pageBtmWrap">
		<a href="#">关于我们</a> |
		<a href="#">联系我们</a> |
		<a href="#">招聘贤士</a> |
		<a href="#">隐私保护</a> |
		<a href="#">版权声明</a> ※
		<span class="blue02">抽屉（北京）网络科技有限公司</span><br/>
		Tel：010-68510613
		E-mail：<a href="mailto:mklp98999@163.com">mklp98999@163.com</a><br/>
		Copyright &copy; 2011-2012 sotee.com, All Rights Reserved.<br/><br/>
	</div>
	<!-- pageBottom End -->
</div></div>

<!-- 站内短信面板 -->
<div id="panel1" style="display:none">
	<div class="tabwrap2">
		<div id="tabbar2"></div>
		<div class="clear"></div>
	</div>
</div>

<!-- 系统消息面板 -->
<div id="panel2" style="display:none">
	<div class="tabwrap2">
		<div id="tabbar3"></div>
		<div class="clear"></div>
	</div>
</div>

<!-- 站内短信->收入邮件面板 -->
<div id="panel3" style="display:none">
	<table class="mailList" border="0">
		<thead>
			<tr>
				<td width="36px" align="center">
					<input type="checkbox" panel="panel3"/>
				</td><td width="35px" align="center">
					<img src="/soteeTemplate/image/message/mail01.gif"/>
				</td>
				<td width="150px"><tt>发件人</tt></td>
				<td width="370px"><tt>主题</tt></td>
				<td width="117px"><tt>时间</tt></td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td align="center">
					<input type="checkbox"/>
				</td><td align="center">
					<img src="/soteeTemplate/image/message/mail03.gif"/>
				</td>
				<td>本本</td>
				<td>邮件测试标题1</td>
				<td>2011-07-28</td>
			</tr><tr class="ml-row-alt">
				<td align="center">
					<input type="checkbox"/>
				</td><td align="center">
					<img src="/soteeTemplate/image/message/mail02.gif"/>
				</td>
				<td>迷一样的男人</td>
				<td>邮件测试标题2</td>
				<td>2011-07-12</td>
			</tr><tr>
				<td align="center">
					<input type="checkbox"/>
				</td><td align="center">
					<img src="/soteeTemplate/image/message/mail03.gif"/>
				</td>
				<td>本本</td>
				<td>邮件测试标题1</td>
				<td>2011-07-09</td>
			</tr><tr class="ml-row-alt">
				<td align="center">
					<input type="checkbox"/>
				</td><td align="center">
					<img src="/soteeTemplate/image/message/mail02.gif"/>
				</td>
				<td>迷一样的男人</td>
				<td>邮件测试标题2</td>
				<td>2011-07-22</td>
			</tr>
		</tbody>
	</table>
</div>

<!-- 站内短信->发送邮件面板 -->
<div id="panel4" style="display:none">
<table class="mailList" border="0">
		<thead>
			<tr>
				<td width="36px" align="center">
					<input type="checkbox" panel="panel4"/>
				</td><td width="35px" align="center">
					<img src="/soteeTemplate/image/message/mail01.gif"/>
				</td>
				<td width="150px"><tt>发件人</tt></td>
				<td width="370px"><tt>主题</tt></td>
				<td width="117px"><tt>时间</tt></td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td align="center">
					<input type="checkbox"/>
				</td><td align="center">
					<img src="/soteeTemplate/image/message/mail03.gif"/>
				</td>
				<td>本本</td>
				<td>邮件测试标题1</td>
				<td>2011-06-11</td>
			</tr><tr class="ml-row-alt">
				<td align="center">
					<input type="checkbox"/>
				</td><td align="center">
					<img src="/soteeTemplate/image/message/mail02.gif"/>
				</td>
				<td>迷一样的男人</td>
				<td>邮件测试标题2</td>
				<td>2011-06-26</td>
			</tr>
		</tbody>
	</table>
</div>

<!-- 站内短信->写邮件 -->
<div id="panel5" style="display:none">
	<!-- 好友列表 -->
	<div class="friendsWrap">
		<input type="text" class="textField" defaultTxt="请输入好友的名称..."/>
		<!-- 列表 -->
		<div id="frdList" style="margin-top:10px;"></div>
	</div>
	<!-- 写邮件表单 -->
	<div class="mailFrom">
		<table class="layoutTable" border="0">
			<tr>
				<td align="right" width="60px" height="39px">
					收件人：&nbsp;
				</td><td>
					<input type="text" class="textField" id="iptText"
						style="width:423px" defaultTxt="选中右侧好友即可添加多个收件人... "/>
				</td>
			</tr><tr>
				<td align="right" valign="top">正文：&nbsp;</td>
				<td><textarea></textarea></td>
			</tr><tr>
				<td></td>
				<td height="50px">
					<input type="image" src="/soteeTemplate/image/buttons/sendBtn.png"/>
				</td>
			</tr>
		</table>
	</div>
	<div class="clear"></div>
</div>

<!-- 其它面板 -->
<div id="panel6" style="display:none">AAAA</div>
<div id="panel7" style="display:none">BBBB</div>
<div id="panel8" style="display:none">CCCC</div>
</body>
</html>